<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>欢迎来到熊猫谷</title>
		<style>
			.div1 {
				height: 100px;
				width: 100%;
				background-color: black;
			}
			
			.div11 {
				font-size: 70px;
				text-align: center;
				color: white;
			}
			
			.div2 {
				height: 450px;
				background-color: blue;
			}
			
			.div21 {
				height: 450px;
				width: 100%;
				background-color: lightgoldenrodyellow;
				float: left;
			}
			
			.div22 {
				height: 400px;
				width: 800px;
				/*background-color: yellow;*/
				float: left;
			}
			
			.div22:hover img {
				transform: scale(1.2);
			}
			
			.div23 {
				height: 300px;
				width: 300px;
				float: right;
			}
			
			.div23:hover img {
				transform: scale(1.2);
			}
		
			.div4 {
				height: 400px;
				background-color: black;
				width: 1500px;
				float: left;
			}
			
			.div5 {
				height: 500px;
				width: 900px;
				float: left;
				background-color: #5F9EA0;margin:0px 300px ;
			}
			.div5:hover img {
				transform: scale(1.2);}
				
			.div100 {
				height: 450px;
			}
			
			.a {
				height: 450px;
				width: 400px;
				float: left;
				font-size: 25px;
				font-family: 楷体;
			}
		</style>

	

	</head>

	<body>
		<div class="div1">
			<div class="div11">Panda Town 熊猫谷</div>
		</div>

		<div class="div2">

			<div class="div21">

				<div class="div22">
					<img src="img/熊猫发展史.jpg" width="800px" height="450px" />
				</div>

				<div class="div100">
					<div class="div23">

						<img src="img/熊猫.jpg" width="300px" height="450px" />
					</div>

					<div class="a">经过研究，科学家认为熊猫 既不是猫，也不是熊，于是命名为“大猫熊”。大熊猫已在地球上生存了至少800万年，被誉为“活化 石”和“中国国宝”，世界自然基金会的形象大使，是世界生物多样性保护的旗舰物种。我们可以在图 片上看到熊猫的发展史。我们看来的熊猫都是很可爱，友善，每天抱着竹子啃，还有以熊猫为原型创 造的动漫形象——功夫熊猫。但是熊猫有时候也吃肉哦。在很久很久以前，熊猫是食肉动物，传说蚩 尤的坐骑就是熊猫并且有个霸气的名字叫食铁兽。
					</div>

				</div>

			</div>
		</div>

          
            <div class="div4">
            	<img  src="img/可爱的熊猫.jpg"/ height="400px"width="550px">
            	<img src="img/功夫熊猫.jpg"  height="400px"width="440"/>
            	<img src="img/熊猫.gif"/ height="400px"width="500px">
           
            </div>

<div class="div5">
	<img src="img/食铁兽.jpg" height="500px" width="900px"/>
</div>
	






		

	</body>

</html>